html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
    font-family: "Microsoft YaHei",Arial,Verdana;
}

:focus {
    outline: 1px;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
ul{
    list-style: none;
}
input,a{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.swiper-container{
    width:100%;
    overflow:hidden;
    max-width: 750px;
    margin: 0 auto;
}
.swiper-slide{
    position: relative;
}
.swiper-slide hgroup{
    padding-left: 30px;
}
.swiper-slide h1 img{
    width: 22%;
}
.swiper-slide hgroup h2{
    font-size: 17px;
    color: #fe4c4c;
    font-weight: 500;
    margin-top: 20px;
}
.swiper-slide hgroup section{
    margin-top: 50px;
}
.swiper-slide footer{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.footer_img{
    padding-left: 20px;
    font-size: 0;
    line-height: 0;
}
.content_box{
    font-size: 14px;
    color: #fe4c4c;
    line-height: 24px;
}
.slogan{
    font-size: 12px;
    color: #666666;
    margin: 45px 0 50px;
}
.footer_img img{
    width: 100%;
}
.content_box2{
    font-size: 13px;
    color: #666666;
    line-height: 22px;
    margin-bottom: 25px;
}
.content_box2 p strong{
    font-size: 32px;
    color: #fe4c4c;
}
.entered_number{
    margin-top: 10px;
}
.content_box2 div p{
    color: #fe4c4c;
}
.content_box3{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;
    font-size: 13px;
    color: #666666;
    text-align: center;
}
.box_bg_3{
    background-image: url("img/img_3.png");
    background-size: 100%;
    background-repeat:no-repeat;
    background-position:center;
}
.content_box3 img{
    width: 100%;

}
.swiper-slide form{
    margin-top: 50px;
    padding: 0 30px;
}
.entered_form p{
    border: 1px solid #dcdcdd;
    border-radius: 22px;
    padding: 12px 0 12px 24px;
    margin-bottom: 15px;
}
.entered_form input{
    border: 0;
    font-size: 14px;
    color: #333333;
    line-height: 16px;
    font-family: "Microsoft YaHei",Arial,Verdana;
    width: 99%;
}
.entered_submit input{
    width: 100%;
    font-size: 17px;
    color: #ffffff;
    text-align: center;
    background-color: #fe4c4c;
    border: 1px solid #fe4c4c !important;
    margin-top: 15px;
    height: 44px;
    line-height: 40px;
    border-radius: 22px;
}
.content_footer{
    text-align: center;
    font-size: 13px;
    color: #666666;
    line-height: 22px;
    margin-top: 15px;
}
#flip{
    position: fixed;
    width: 44px;
    height: 44px;
    left:50%;
    bottom: 3px;
    margin-left: -22px;
    background-image: url("img/flip.png");
    background-size:44px 44px;
    animation:mymove 2s infinite;
    -webkit-animation:mymove 2s infinite; /*Safari and Chrome*/
}
@keyframes mymove
{
    0% {bottom:3px;}
    50% {bottom:10px;}
    100%{bottom: 3px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
    0% {bottom:3px;}
    50% {bottom:10px;}
    100%{bottom: 3px;}
}